<template>
  <div v-if="type === 1" class="inline-block">
    <img :src="homeIcons.filmrate_1" alt="" v-for="item in 5" :key="item" class="mr-2 w-5 h-5" />
    <span class="text-xs text-[#484A4D] relative top-0.5">7.8</span>
  </div>
  <div v-else-if="type === 2" class="inline-block">
    <img :src="homeIcons.filmrate_2" alt="" v-for="item in 5" :key="item" class="mr-2 w-5 h-5" />
    <span class="text-xs text-[#484A4D] relative top-0.5">7.8</span>
  </div>
  <div v-else class="inline-block">
    <img :src="homeIcons.filmrate_3" alt="" v-for="item in 5" :key="item" class="mr-2 w-5 h-5" />
    <span class="text-xs text-[#484A4D] relative top-0.5">7.8</span>
  </div>
</template>

<script setup lang="ts">
import { withDefaults } from 'vue'
import homeIcons from '../../assets'

const props = withDefaults(defineProps<{ type: number }>(), { type: 1 })
</script>

<style scoped lang="less"></style>
